import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 引入全局css样式
import './style/index.scss'

// 引入 px =》 rem 适配样式
import '../node_modules/amfe-flexible/index.js'

// 引入全局通用组件
import componentPlugins from './components'

// 引入vant组件 及css样式
import 'vant/lib/index.css'
import { Tabbar, TabbarItem, NavBar, Icon, Form, Field, CellGroup, Button, Checkbox, CheckboxGroup, Divider, Toast, Col, Row, Grid, GridItem, Cell, Dialog, Image as VanImage, Tab, Tabs, List, Popover, ImagePreview, Sticky, Popup, Tag, Swipe, SwipeItem, TreeSelect, Uploader, SubmitBar, RadioGroup, Radio, NoticeBar } from 'vant'

const app = createApp(App)
app.use(Tabbar)
app.use(TabbarItem)
app.use(NavBar)
app.use(Icon)
app.use(Form)
app.use(Field)
app.use(CellGroup)
app.use(Button)
app.use(Checkbox)
app.use(CheckboxGroup)
app.use(Divider)
app.use(Toast)
app.use(Col)
app.use(Row)
app.use(Grid)
app.use(GridItem)
app.use(Cell)
app.use(Dialog)
app.use(VanImage)
app.use(Tab)
app.use(Tabs)
app.use(List)
app.use(Popover)
app.use(ImagePreview)
app.use(Sticky)
app.use(Popup)
app.use(Tag)
app.use(Swipe)
app.use(SwipeItem)
app.use(TreeSelect)
app.use(Uploader)
app.use(SubmitBar)
app.use(Radio)
app.use(RadioGroup)
app.use(NoticeBar)

app.use(store).use(router).use(componentPlugins).mount('#app')
